.MachineryMobilization001 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .Left {
		width: 250px;
		height: 100%;
		overflow-x: scroll;
		margin-right: 16px;

		& > div {
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			flex-direction: column;
			padding: 16px 0;

			& > div {
				width: 140px;
				height: 30px;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				font-size: 14px;
				font-family: Microsoft YaHei;
				font-weight: 600;
				color: #ffffff;
				cursor: pointer;
				margin: 8px;

				&::after {
					position: absolute;
					content: "";
					left: 0;
					top: 0;
					bottom: 0;
					right: 0;
					background: linear-gradient(180deg, rgba(0, 44, 91, 0.3), #36f2a0);
					transform: skewX(-30deg);
					z-index: -1;
				}

				&.active {
					&::after {
						background: linear-gradient(180deg, rgba(0, 44, 91, 0.3), #ffde42);
					}
				}
			}
		}
	}

	& > .Right {
		flex: 1000;
		height: 100%;
	}
}
